

<HTML>
<HEAD>
<TITLE>Ninth Test of Section 10.4 of CSS2 Spec</TITLE>

<STYLE TYPE="text/css">


#id1 {min-width:10px;
      max-width:20px;}
#id2 {min-width: 50%;
      max-width: 150%;}
#id3 {min-width: none;
      max-width: none;}


</STYLE>
</HEAD>




<BODY>
<h1 >
Testing Ninth Testable Statement of Sec 10.4 of CSS2 Specification
</h1>


<ul>
<li  >
9. If the computed width if greater than "max-width", the specified rules
are reapplied, but using the value of "max-width".
</ul>




<h2 >
PASS CRITERIA:
</h2>
<p id="id1" >
If statement #9 above is passed, then
this paragraph should have a minimum width of 10px and a maximum width of
20px.
The rule appleid is "#id1 {min-width: 10px; max-width; 20px;}".
<p id="id2" >
This paragraph should have a minimum width of 50% of containing block and
maximum width of 150% of containing block.
The rule applied is "#id2 {min-width: 50%; max-width: 150%;}".
</p>
<p id="id3">
This paragraph should have a minimum width of none and a maximum width of
none.
The rule applied is "#id3 {min-width: none; max-width: none}".
<p>
All other properties of this page should be UA-default.


</BODY>
</HTML>

